<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>MCE|Home</title>
    <link rel="stylesheet" href="../../resources/css/mce.css" />
    <link rel="stylesheet" href="../../resources/css/size.css" />
    <link rel="stylesheet" href="../../resources/css/jquery-ui.css" />
    <link href='http://fonts.googleapis.com/css?family=Lato:400,300,700,400italic' rel='stylesheet' type='text/css' />
    <script type="text/javascript" src="../../resources/js/jquery/jquery-1.10.1.js"></script>
    <script type="text/javascript" src="../../resources/js/jquery-ui/jquery-ui.js"></script>
    <script type="text/javascript" src="../../resources/js/validation/validation.js"></script>
    <script type="text/javascript" src="../../resources/js/client/QuoteProcess.js"></script>

</head>
<body>
    <div id="ovl" class="ovl"></div>
    <div class="mceContainer">
        <!--HOME BANNER CONTAINER-->
        <div class="afterHeaderContainer">
            <!--NAVIGATION MENU-->
            <%@include file="../right-include/top-header.jsp" %>
            <!--/NAVIGATION MENU-->
        </div>
        <!--/HOME BANNER CONTAINER-->
        <!--MAIN CONTAINER-->
        <div class="mainContainer" style="width: 1100px;">
            <table class="wrapContainer">
                <tr>
                    <td class="left" style="width: 20%;">
                        <!--LEFT CONTAINER-->
                        <div class="wrapDataContainer borderRight">
                            <p class="subject" style="width:200px;">New Quote</p>
                            <p>To create a new quote, please complete the steps below. Once submitted, we will provide a PDF quote. </p>
                            <br />
                            <h2 class="font17">Quote Process</h2>
                            <div class="quoteProcessContainer">
                                <div class="quote-process-item-active">
                                    <span>Job Info
                                    </span>
                                </div>
                                <div class="quote-process-item">
                                    <span>System Configuration
                                    </span>
                                </div>
                                <div class="quote-process-item">
                                    <span>Car A Configuration
                                    </span>
                                </div>
                                <div class="quote-process-item">
                                    <span>Car B Configuration
                                    </span>
                                </div>
                                <div class="quote-process-item">
                                    <span>Receive Quote
                                    </span>
                                </div>
                            </div>
                            
                        </div>
                        <!--/LEFT CONTAINER-->
                    </td>
                    <td>
                        <!--BODY CONTAINER-->
                        <div class="wrapDataContainer">
                            <div class="title">
                                JOB INFORMATION
                            </div>
                            <div class="wrap-item-container">
                                <p class="dashboad-description">
                                    Please complete the form below. This information will help us contact the appropriate person if we have questions about your quote.
                                </p>
                            </div>
                            <div class="wd_445 mce-align-center">

                                <div class="wrap-item-container wd_450">
                                    <div class="html-control-container">
                                        <div class="label-wrap wd_185">Sold to</div>
                                        <div class="field-wrap">
                                            <input id="soldTo" type="text" class="mce wd_220" value="NYPS1000" />
                                        </div>
                                        <p id="error_soldTo" class="span-ico"></p>
                                    </div>
                                </div>
                                <div class="wrap-item-container wd_450">
                                    <div class="html-control-container">
                                        <div class="label-wrap wd_185">Contact Person</div>
                                        <div class="field-wrap">
                                            <input id="contactPerson" type="text" class="mce wd_220" maxlength="16" value="0000010408" />
                                            <span id="error_contactPerson" class="span-ico"></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="wrap-item-container wd_450">
                                    <div class="html-control-container">
                                        <div class="label-wrap wd_185">Primary Phone</div>
                                        <div class="field-wrap">
                                            <input id="primaryPhone" type="text" class="mce wd_220" maxlength="16" value="718-392-6400" />
                                            <span id="error_primaryPhone" class="span-ico"></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="wrap-item-container wd_450">
                                    <div class="html-control-container">
                                        <div class="label-wrap wd_185">Primary Email</div>
                                        <div class="field-wrap">
                                            <input id="primaryEmail" type="text" class="mce wd_220" maxlength="16" value="ElementTester@Nidec-MCE.com" />
                                            <span id="error_primaryEmail" class="span-ico"></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="wrap-item-container wd_450">
                                    <div class="html-control-container">
                                        <div class="label-wrap wd_185">Alternate Phone</div>
                                        <div class="field-wrap">
                                            <input id="alternatePhone" type="text" class="mce wd_220" maxlength="16" value="" />
                                            <span id="error_alternatePhone" class="span-ico"></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="wrap-item-container wd_450">
                                    <div class="html-control-container">
                                        <div class="label-wrap wd_185">Alternate Email</div>
                                        <div class="field-wrap">
                                            <input id="alternateEmail" type="text" class="mce wd_220" maxlength="16" value="" />
                                            <span id="error_alternateEmail" class="span-ico"></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="wrap-item-container wd_450">
                                    <div class="html-control-container">
                                        <div class="label-wrap wd_185">Contact Preference</div>
                                        <div class="field-wrap">
                                            <select id="contactReference" class="mce wd_229">
                                                <optgroup label="Select">
                                                    <option value="Phone">Phone</option>
                                                    <option value="Email">Email</option>
                                                </optgroup>
                                            </select>
                                            <span id="error_contactReference" class="span-ico"></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="wrap-item-container wd_450">
                                    <div class="html-control-container">
                                        <div class="label-wrap wd_185">Job Name<span class="required">*</span></div>
                                        <div class="field-wrap">
                                            <input id="jobName" type="text" class="mce wd_220" maxlength="16" value="FPT Test Data" />
                                            <span id="error_jobName" class="span-ico"></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="wrap-item-container wd_450">
                                    <div class="html-control-container">
                                        <div class="label-wrap wd_185">Job Type</div>
                                        <div class="field-wrap">
                                            <select id="jobType" class="mce wd_229">
                                                <optgroup label="Select">
                                                    <option value="E-HYDRAULIC" selected="selected">E-Hydraulic</option>
                                                    <option value="E-TRACTION">E-Traction</option>
                                                </optgroup>
                                            </select>
                                            <span id="error_jobType" class="span-ico"></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="wrap-item-container wd_450">
                                    <div class="html-control-container">
                                        <div class="label-wrap wd_185">Configuration</div>
                                        <div class="field-wrap">
                                            <select id="configuration" class="mce wd_229">
                                                <optgroup label="Select">
                                                    <option value="Simplex">Simplex</option>
                                                    <option value="Duplex" selected="selected">Duplex</option>
                                                </optgroup>
                                            </select>
                                            <span id="error_configuration" class="span-ico"></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="wrap-item-container wd_450">
                                    <div class="html-control-container">
                                        <div class="label-wrap wd_185">Quantity<span class="required">*</span></div>
                                        <div class="field-wrap">
                                            <input id="quantity" type="text" class="mce wd_220" maxlength="16" value="1" />
                                            <span id="error_quantity" class="span-ico"></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="wrap-item-container wd_450" style="margin-top:20px;">
                                    <center><span style="color:#EE7000">(*) Mandatory Field</span></center>
                                </div>
                                <div class="wrap-item-container wd_450">
                                    <div class="buttonContainer">
                                        <input type="button" onclick="nextEdit();" style="float:none;" class="mce" value="NEXT" />
                                    </div>
                                </div>
                                                               
                            </div>

                        </div>
                        <!--/BODY CONTAINER-->
                    </td>
                    <td class="right" style="width: 20%;">
                        <!--RIGHT CONTAINER-->
                        <div class="wrapDataContainer borderLeft">
                            <h2>Need Assistance?</h2>
                            <p class="rightBold">Call or Email Today:</p>
                            <p>&nbsp;1 800 444-7442</p>
                            <p>+1 916 463-9200</p>
                            <a class="mailTo" href="mailto:ordering@mce.element.com">ordering@mce.element.com</a>
                            <div class="clearBoth" />
                            <a class="mailTo" href="#">Chat</a>
                            <br /><br />
                            <p class="rightBold">Knowledge Base:</p>
                            <a class="mailTo" href="../faq/account-faq.html">Account FAQ</a>
                            <div class="clearBoth" />
                            <a class="mailTo" href="../faq/element-hydro-faq.html">Element Hydro FAQ</a>
                            <div class="clearBoth" />
                            <a class="mailTo" href="../faq/element-traction-faq.html">Element Traction FAQ</a>
                        </div>
                        <!--/RIGHT CONTAINER-->
                    </td>
                </tr>
            </table>
        </div>
        <!--/MAIN CONTAINER-->
        <!--FOOTER CONTAINER-->
        <div class="footerContainer">
            <img src="../../resources/images/Nidec.jpg" />
            <img src="../../resources/images/MCE.jpg" />
            <div class="clearBoth" />
            <p class="copyRight">Copyright 2014 Motion Control Engineering. All Rights Reserved</p>
        </div>
        <!--/FOOTER CONTAINER-->
    </div>

</body>
</html>
